<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Login</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
  <g:javascript library="application" />
  <g:javascript library="prototype" />
  <g:javascript library="scriptaculous" />
  <style type='text/css' media='screen'>
    body{
      background-color: #3399FF;
      font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #999999;
    }

    #login {
      margin:15px 0px;
      padding:0px;
      text-align:center;
    }

    #login .inner {
      width:300px;
      margin:0px auto;
      text-align:right;
      padding:10px;
      background-color:#FFFFFF;
      border: 3px solid green
    }

    fieldset {
      border:1px solid #ddd;
    }

    legend {
      color:#FF8400;
      font: 20px arial,sans-serif;
    }

    input{
      background-color: #fcfcfc;
      border: 1px solid #ccc;
      padding: 2px 4px;
      -moz-border-radius:0.4em;
      -khtml-border-radius:0.4em;
    }

    #login .inner .login_message {color:red;}

    label {
      /*float:left;*/
      width:10em;
      text-align:right;
      margin-right:1em;
      /*font: 12px arial,sans-serif;*/
    }

    .version{
      text-align: center;
      color: #FF8400;
    }
}
  </style>
</head>
<body>
  <div id="spinner" class="spinner" style="display:none;">
    <img src="${resource(dir:'images',file:'spinner.gif')}" alt="Spinner" />
  </div>
  <div id='login'>
    <div class="inner">
      <g:if test='${flash.message}'>
        <div class='login_message'>${flash.message}</div>
      </g:if>
      <fieldset>
        <legend>Login</legend>
        <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
          <p>
            <label for='j_username'>Login:</label>
            <input type='text' class='text_' name='j_username' id='j_username' value='${request.remoteUser}' />
          </p>
          <p>
            <label for='j_password'>Senha:</label>
            <input type='password' class='text_' name='j_password' id='j_password' />
          </p>
          <p>
            <label for='remember_me'>Lembrar ?</label>
            <input type='checkbox' class='chk' name='_spring_security_remember_me' id='remember_me'
          <g:if test='${hasCookie}'>checked='checked'</g:if> />
          </p>
          <p>
            <input type='submit' value='Login' />
          </p>
        </form>
      </fieldset>
    </div>
  </div>
  <div class="version"><g:message code="app.version"/>: <g:meta name="app.version"></g:meta></div>
</body>
</html>
<script type='text/javascript'>
<!--
(function(){
        document.forms['loginForm'].elements['j_username'].focus();
})();
// -->
</script>